window.onload = function () {
  editor.setOpt({
    emotionLocalization: false
  })

  emotion.SmileyPath = editor.options.emotionLocalization === true ? 'images/' : 'http://img.baidu.com/hi/'
  emotion.SmileyBox = createTabList(emotion.tabNum)
  emotion.tabExist = createArr(emotion.tabNum)

  initImgName()
  initEvtHandler('tabHeads')
}

function initImgName () {
  for (var pro in emotion.SmilmgName) {
    var tempName = emotion.SmilmgName[pro]
    var tempBox = emotion.SmileyBox[pro]
    var tempStr = ''

    if (tempBox.length) return
    for (var i = 1; i <= tempName[1]; i++) {
      tempStr = tempName[0]
      if (i < 10) tempStr = tempStr + '0'
      tempStr = tempStr + i + '.gif'
      tempBox.push(tempStr)
    }
  }
}

function initEvtHandler (conId) {
  var tabHeads = $G(conId)
  for (var i = 0, j = 0; i < tabHeads.childNodes.length; i++) {
    var tabObj = tabHeads.childNodes[i]
    if (tabObj.nodeType == 1) {
      domUtils.on(tabObj, 'click', (function (index) {
        return function () {
          switchTab(index)
        }
      })(j))
      j++
    }
  }
  switchTab(0)
  $G('tabIconReview').style.display = 'none'
}

function InsertSmiley (url, evt) {
  var obj = {
    src: editor.options.emotionLocalization ? editor.options.UEDITOR_HOME_URL + 'dialogs/emotion/' + url : url
  }
  obj._src = obj.src
  editor.execCommand('insertimage', obj)
  if (!evt.ctrlKey) {
    dialog.popup.hide()
  }
}

function switchTab (index) {
  autoHeight(index)
  if (emotion.tabExist[index] == 0) {
    emotion.tabExist[index] = 1
    createTab('tab' + index)
  }
  // 获取呈现元素句柄数组
  var tabHeads = $G('tabHeads').getElementsByTagName('span')
  var tabBodys = $G('tabBodys').getElementsByTagName('div')
  var i = 0; var L = tabHeads.length
  // 隐藏所有呈现元素
  for (; i < L; i++) {
    tabHeads[i].className = ''
    tabBodys[i].style.display = 'none'
  }
  // 显示对应呈现元素
  tabHeads[index].className = 'focus'
  tabBodys[index].style.display = 'block'
}

function autoHeight (index) {
  var iframe = dialog.getDom('iframe')
  var parent = iframe.parentNode.parentNode
  switch (index) {
    case 0:
      iframe.style.height = '380px'
      parent.style.height = '392px'
      break
    case 1:
      iframe.style.height = '220px'
      parent.style.height = '232px'
      break
    case 2:
      iframe.style.height = '260px'
      parent.style.height = '272px'
      break
    case 3:
      iframe.style.height = '300px'
      parent.style.height = '312px'
      break
    case 4:
      iframe.style.height = '140px'
      parent.style.height = '152px'
      break
    case 5:
      iframe.style.height = '260px'
      parent.style.height = '272px'
      break
    case 6:
      iframe.style.height = '230px'
      parent.style.height = '242px'
      break
    default:
  }
}

function createTab (tabName) {
  var faceVersion = '?v=1.1' // 版本号
  var tab = $G(tabName) // 获取将要生成的Div句柄
  var imagePath = emotion.SmileyPath + emotion.imageFolders[tabName] // 获取显示表情和预览表情的路径
  var positionLine = 11 / 2 // 中间数
  var iWidth = iHeight = 35 // 图片长宽
  var iColWidth = 3 // 表格剩余空间的显示比例
  var tableCss = emotion.imageCss[tabName]
  var cssOffset = emotion.imageCssOffset[tabName]
  var textHTML = ['<table class="smileytable">']
  var i = 0; var imgNum = emotion.SmileyBox[tabName].length; var imgColNum = 11; var faceImage
  var sUrl; var realUrl; var posflag; var offset; var infor

  for (; i < imgNum;) {
    textHTML.push('<tr>')
    for (var j = 0; j < imgColNum; j++, i++) {
      faceImage = emotion.SmileyBox[tabName][i]
      if (faceImage) {
        sUrl = imagePath + faceImage + faceVersion
        realUrl = imagePath + faceImage
        posflag = j < positionLine ? 0 : 1
        offset = cssOffset * i * (-1) - 1
        infor = emotion.SmileyInfor[tabName][i]

        textHTML.push('<td  class="' + tableCss + '"   border="1" width="' + iColWidth + '%" style="border-collapse:collapse;" align="center"  bgcolor="transparent" onclick="InsertSmiley(\'' + realUrl.replace(/'/g, "\\'") + '\',event)" onmouseover="over(this,\'' + sUrl + '\',\'' + posflag + '\')" onmouseout="out(this)">')
        textHTML.push('<span>')
        textHTML.push('<img  style="background-position:left ' + offset + 'px;" title="' + infor + '" src="' + emotion.SmileyPath + (editor.options.emotionLocalization ? '0.gif" width="' : 'default/0.gif" width="') + iWidth + '" height="' + iHeight + '"></img>')
        textHTML.push('</span>')
      } else {
        textHTML.push('<td width="' + iColWidth + '%"   bgcolor="#FFFFFF">')
      }
      textHTML.push('</td>')
    }
    textHTML.push('</tr>')
  }
  textHTML.push('</table>')
  textHTML = textHTML.join('')
  tab.innerHTML = textHTML
}

function over (td, srcPath, posFlag) {
  td.style.backgroundColor = '#ACCD3C'
  $G('faceReview').style.backgroundImage = 'url(' + srcPath + ')'
  if (posFlag == 1) $G('tabIconReview').className = 'show'
  $G('tabIconReview').style.display = 'block'
}

function out (td) {
  td.style.backgroundColor = 'transparent'
  var tabIconRevew = $G('tabIconReview')
  tabIconRevew.className = ''
  tabIconRevew.style.display = 'none'
}

function createTabList (tabNum) {
  var obj = {}
  for (var i = 0; i < tabNum; i++) {
    obj['tab' + i] = []
  }
  return obj
}

function createArr (tabNum) {
  var arr = []
  for (var i = 0; i < tabNum; i++) {
    arr[i] = 0
  }
  return arr
}
